<template>
	<u-popup :show="show" @close="close" @open="" mode="center" round="20" :customStyle="{'width':'80%'}"
		bgColor="transparent">
		<view class="pore">
			<image src="https://hxs.dsjhs.com:553/prod-api/profile/yujian/rz_bg.png" mode="widthFix" class="width100">
			</image>
			<view class="success-box flex-au">
				<view class="width100 textC p30">
					<view class="c343 bold f32 mb20">
						<view>为了维护活动的真实性</view>
						<view>发布/参与活动之前</view>
						<view>需要您完成实名认证~</view>
					</view>
					<u-gap height="10"></u-gap>
					<view class="flex">
						<view class="flex1 mr20">
							<u-button type="success" shape="circle" color="#ddd" :customStyle="{'color':'#343434'}"
								@click="close">取消</u-button>
						</view>
						<view class="flex1 ml20">
							<u-button type="success" shape="circle" color="linear-gradient(170deg, #FFA5F5, #319EFF)"
								@click="toAuth">去完善</u-button>
						</view>
					</view>

				</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
	import {} from '@/common/api.js'
	export default {
		name: '',
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			}
		},
		onLoad(option) {

		},
		methods: {
			close() {
				this.$emit('authClose')
			},
			toAuth() {
				this.close()
				this.nologinJump('/subpage/meethuangshi/acceptAuth');
			}
		}
	}
</script>

<style lang="scss">
	.success-box {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 80rpx;
		left: 0;
	}
</style>